<template>
  <div class="navigiton">
      <div class="back" @click="handler">
          <van-icon name="arrow-left" />
      </div>
      <div class="name">
          {{this.$route.meta.alias}}
      </div>
  </div>
</template>

<script>
export default {
    methods:{
        handler(){
            this.$router.go(-1)
        }
    }

}
</script>

<style lang="less" scoped>
.navigiton{
    
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    display: flex;
    padding:  0 20px;
    box-sizing: border-box;
    line-height: 80px;
    background-color: #fff;
    border-bottom: 2px solid rgba(221, 221, 221, 0.411);
        color: #ada2a2;

    .back{
        width: 15%;
        font-size:40px;
        
    }
    .name{
        font-weight: 700;
        width: 70%;
        font-size: 35px;
        text-align: center;
    }
}

</style>